<script setup>
import { useRouter, RouterView,RouterLink } from 'vue-router';
import Nav from '@/components/Nav.vue';
import { useUser } from './stores/index';
import {ref} from 'vue';
let user = useUser();
let router = useRouter();
let ann = ref('');
function fn(path){
  router.push(path);
}
</script>

<template>
  <div class="zye"> 
    <RouterView></RouterView>
      <div class="footer" v-show="user.islogin()">
          <Nav v-model:time="ann" @update:time="fn"></Nav>
      </div>
  </div>  
</template>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 12px;
} 
.zye{
  width: 375px;
  height: 100vh;
  position: relative;
  margin: 0 auto;
}
.footer{
    width: 375px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background-color: #fff;
    border-top: #ccc 1px solid;
}
a{
    text-decoration: none;
    color: #000;
}
</style>
